Skip to main content

Design at the Internet Archive

Carolyn Li-Madeo

Design documentation for work at the Internet Archive.  

Each item represents a different project or project type. In the description field are links to prototypes and design documents. To see the original Sketch files for a project please use the 'SHOW ALL' link in the download options area.

PART OF
The Internet Archive
More right-solid
SHOW DETAILS
up-solid down-solid
eye
Title
Date Archived
Creator
Design at the Internet Archive
image
eye 20,343
favorite 0
comment 0
Graphics for Oct 21
Topics: Books, IA Logo
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 8,666
favorite 0
comment 0
Graphics for the October 2018 party
Topics: October party, hexabin, poster
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 447
favorite 0
comment 0
Various designs for Wayback Beta and Wayback Search and Explore. Testing: https://archive.org/details/WaybackBetaTesting_JUL2016 Prototypes: Wayback beta March 29: https://invis.io/EV8LTT668 Wayback beta March 30: https://invis.io/948LTTCQF Wayback beta (visual updates) March: https://invis.io/AN6QAG5CW Wayback June 16: https://invis.io/XU7OCQQRT Wayback June 28: https://invis.io/QA7SMEIG3
Topic: Wayback
Design at the Internet Archive
image
eye 213
favorite 0
comment 0
Twitter cards for Archive.org's #GivingTuesday 2015 campaign 
Topic: #givingtuesday
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 164
favorite 1
comment 0
Logos, typographical lock-ups and assets for Twitter for TV News Archive. 
Topics: logos, TV News Archive
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 128
favorite 1
comment 0
Various branding graphics including: Building Libraries Together, Library Leaders Forum, December Fund Raising, Event Posters, Telethon, etc.
Topics: business cards, hexabins, building libraries together, telethon, event posters, archive-it, banners
Internet Archive Internal Design Resources
collection
18
ITEMS
103
VIEWS
collection
eye 103
Design documentation and resources that are restricted for internal use only.
Topics: IA, design
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 91
favorite 1
comment 0
A redesign of item pages for the Television News Archive. Project Notes (rough): https://docs.google.com/document/d/1g1GioXKwWLsoCebam8C5RVvm9QjZ4WCwVjpdsi41LNs/edit?usp=sharing Prototypes: V1: https://invis.io/TR8LTLFDG TV News Share Flow: https://invis.io/VE661K8RS TV News Search Inside: https://invis.io/KQ8LTLNA9 TV News full prototype: https://invis.io/656AIOPVN TV News search results page: https://invis.io/D48LTLV9X
Topic: TV News Archive
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 90
favorite 0
comment 0
Redesign of upload/edit item which occurs exclusively in the item details page. Prototypes: Etree upload (updated): https://invis.io/WA4395TMN Etree upload: https://invis.io/5G40RKHT6 Upload + Flagging: https://invis.io/4D8LS2YUV Green upload: https://invis.io/PR8LS349D Blue upload: https://invis.io/7T8LS3E5F Blue upload 1: https://invis.io/JV3UC7ATE Item update: https://invis.io/JC8LSJ5HA Item update 1: https://invis.io/2P3J725FB
Topics: Upload, Edit
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 85
favorite 0
comment 0
Branding graphics for the Decentralized Web Summit.
Topic: decentralized web summit
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 83
favorite 0
comment 0
Originally created for the IIPC and IFLA conferences this prototype was an attempt to imagine what a portal for libraries aided by the Internet Archive and federated search across library holdings/domains might look like. The Atlantis Project includes ideas around entity based pages, the balance between human and machine curation and federated search. Also features the popular MerCat. Prototypes: Atlantis v1.0: https://invis.io/C36OI5CUF Atlantis v1.1: https://invis.io/RU8LTWT8A Atlantis v2.0:...
Topics: National Libraries Portal, National Libraries, IIPC, IFLA, Atlantis, Atlantis Project
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 79
favorite 0
comment 0
Designs in aid to new full text search capability for books, web and video. Also includes some new ideas for the Archive.org homepage, item tiles, item tiles with ‘snippets’ and a minimal navigation bar. Board: https://projects.invisionapp.com/boards/PD2LLJ2SBFAN7/ Prototype: https://invis.io/HG8PNTUK7 https://invis.io/HG8PNTUK7
Topics: universal search, full text search
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 77
favorite 0
comment 0
Redesign of Donate Page and Flow May 2015 Redesigned the donation page and donation flow for Archive.org. Goal was to make the donation page mobile responsive, on-brand with the V2 redesign and easier / more accessible for all users. Prototypes: Donation Left Aligned (shipped): https://invis.io/EJ8LS3XRK Donation + Newsletter: https://invis.io/848LS4A2F Donation Right Aligned: https://invis.io/928LS4FNS December Fundraising November-December 2015 Created new banner designs based on the payment...
Topics: donate, donations, twitter cards, donation banners, banners, telethon
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 63
favorite 0
comment 0
Usability focused redesigns of FAQ and Advanced Search Pages Prototypes: FAQ Tablet: https://invis.io/9Y4BQKL84 FAQ Mobile: https://invis.io/P44BQKVGY Help Center 1 page: https://invis.io/C74BQL72Q Help Center multipage: https://invis.io/JC8LS52S2 Advanced Search: https://invis.io/A45AFR1CK
Topics: FAQ, Advanced Search, Search
Design at the Internet Archive
image
eye 59
favorite 2
comment 0
A collection of Internet Archive logos (not exhaustive, simply all that I had access to when I worked at the Archive)  To view .SVG versions of the logos represented in the gallery above please tap on 'SHOW ALL' in the download options for this item or visit this item's download page . To view all of the classic Internet Archive logos please see the logos.sketch file. No .AI, .EP or .PSD version of this file exists, so please utilize the .SVG files or download a free trial of Sketch App . The...
Topics: logos, archive logos, ia logos
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 56
favorite 1
comment 0
Redesign of the lending flow for Archive.org as well as a new design for the Book Reader and a new design for an admin lending center. Book Reader was made mobile responsive and included ways to download the PDF, search-inside and bookmark. Lending flow was updated to automatically lend out the Book Reader version to all borrowing users. Design Doc: https://docs.google.com/a/archive.org/document/d/1Si222PuIh5EKKrhYT_go3xo09xiRCZtuIxbJqhh-MD4/edit?usp=sharing Prototypes: Lending June 2nd:...
Topics: lending, book reader, lending flow
Design at the Internet Archive
by Carolyn Li-Madeo
texts
eye 52
favorite 0
comment 0
Various redesigns of the collections pages with focuses on usability and visual design clean-up. Explorations included: pill notation for active filters, search bar experiments, tile designs and a variety of different sort and filter designs. Testing: https://archive.org/details/FacetTestingJul2016 https://archive.org/details/CollectionsTestingReport_Collections_DEC2016 Design Docs: https://docs.google.com/document/d/1SK5xBj4N8ApF81feW007GiiQ2PKLg9jP6MHmvVLgeac/edit?usp=sharing...
Topics: Collections, Sort, Filter
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 49
favorite 0
comment 0
Designs for the 404 and 500 pages on Archive.org.  Images would be a curated collection of images or videos from the Archive that would be cycled through randomly. 
Topics: 404, 500, error pages
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 48
favorite 0
comment 0
Icons, event stations and postcard designs for the October event
Topics: october event, postcard, media type icons
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 48
favorite 0
comment 0
Designs for the CD Digitization software and updated workflow. Prototypes: CD Digitization Flow (final): https://invis.io/MK621NXAE Identify CDs Flow: https://invis.io/8K8LT4KEW Partial Flow Update: https://invis.io/JQ8LT4QEA First Draft of Flow: https://invis.io/JG5YLE5FX
Topics: cd digitization, software, workflow
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 44
favorite 0
comment 0
Designs for the Political TV Ad Archive project’s mobile responsive website and cohesive branding materials. Prototypes: Website v1 (mobile): https://invis.io/XA5AFPU75 Website v1 (tablet): https://invis.io/J45AFPSR5 Website v1 (desktop): https://invis.io/SY5070IGW Fact + Source Checked Ads: https://invis.io/4N6C0Y6KY Updates to Canonical Ad Page: https://invis.io/K94LTQK2Q Homepage with Map (v2): https://invis.io/BQ7B3D4CM Homepage: https://invis.io/RY7CSVDDP Canonical Ad Page:...
Topics: political tv ad archive, logo
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 41
favorite 0
comment 0
Various designs for user settings drop downs and account pages. Prototypes: User Account Pages (lending): https://invis.io/AH7V6WAQJ Loan Account pages (empty states): https://invis.io/2T7SR3WCP Settings Dropdown: https://invis.io/UW4JD3A6M Settings Ideation: https://invis.io/MY8LS94Z9
Topics: lending, account pages, user settings, settings
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 37
favorite 0
comment 0
Designs for communicating the use of voicebase transcripts to users as well as designs for showing clip thumbnails to users in the video player. Prototypes: Voicebase (TV News): https://invis.io/5H7DGHIW9 Voicebase: https://invis.io/G87DGRPVB Video Thumbnails: https://invis.io/FZ5QKLI85
Topics: video player, video thumbnails, voice base
Design at the Internet Archive
by Carolyn Li-madeo
texts
eye 36
favorite 0
comment 0
Design of a new flagging feature for Archive.org. Design Doc: Flagging Admin Tools: https://docs.google.com/document/d/1vpduYrbR1lSEI6eUJom9X02tF3G4zM8Ko_YmtBdOSSo/edit?usp=sharing Flagging Feature: https://docs.google.com/document/d/129VehZESvAA-7pt41TCXI3UvhsG-r8ouuwuk4Xf9Ywg/edit?usp=sharing Prototypes: Flagging No Item Preview: https://invis.io/SM4JD336Z Flagging (Mobile): https://invis.io/GB4JD3NZ2 Flagging (Shipped): https://invis.io/7N402NWQV Flagging with pending flags as orange:...
Topics: Flagging, Admin UI
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 31
favorite 0
comment 0
Design of a new flagging feature for Archive.org. Design Doc: Flagging Admin Tools: https://docs.google.com/document/d/1vpduYrbR1lSEI6eUJom9X02tF3G4zM8Ko_YmtBdOSSo/edit?usp=sharing Flagging Feature: https://docs.google.com/document/d/129VehZESvAA-7pt41TCXI3UvhsG-r8ouuwuk4Xf9Ywg/edit?usp=sharing Prototypes: Flagging No Item Preview: https://invis.io/SM4JD336Z Flagging (Mobile): https://invis.io/GB4JD3NZ2 Flagging (Shipped): https://invis.io/7N402NWQV Flagging with pending flags as orange:...
Topics: flagging, admin
Design at the Internet Archive
by Carolyn Li-Madeo
texts
eye 31
favorite 1
comment 0
Written design document outlining a plan for creating a permissions model for Archive.org. Design Doc: https://docs.google.com/document/d/1vI5bMko6wNxbc5tOFszYoILM50JpNjM42Fcp4burj-g/edit?usp=sharing
Topics: permissions, design document
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 31
favorite 0
comment 0
Various designs related to item pages and the download area / access restrictions on Archive.org items. Board: https://projects.invisionapp.com/boards/RY2LX0JFHZ3SG/
Topics: item pages, restricted item messaging, messaging, download area
Design at the Internet Archive
image
eye 31
favorite 0
comment 0
Screen Shot of Open Library Lending
Topic: OL
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 30
favorite 0
comment 0
Designs for a new feature which would allow users to create their own collections and add items they find on the Archive to one of their collections. Favoriting and adding to collections (June 17): https://invis.io/WN7OONGXC Favoriting and adding to collections (June 14): https://invis.io/CR7M2YGDM
Topics: lists, user created lists, favorites, collections, user created collections
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 30
favorite 0
comment 0
Designs for communicating item access restrictions (lending, flagged, samples, etc) to users. Design Doc: https://docs.google.com/document/d/1X_3TvozYuL54Bgy3TfG8LIQnH-tbgMRuV0o6GtNtipQ/edit?usp=sharing Board: https://projects.invisionapp.com/boards/4M2IL4J8GJBKE/
Topics: access restrictions, labeling, messaging
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 29
favorite 0
comment 0
Designs for three new newsletter templates: Newsletter, Event, Letter
Topic: newsletter
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 26
favorite 0
comment 0
Some ideas for log-in pages
Topics: log-in pages, login, log in
Design at the Internet Archive
by Alexis Rossi
texts
eye 25
favorite 0
comment 0
Rough sketch for how to incorporate journal article discovery into the archive.org site framework. 
Topics: journals, scholarly communications, articles, design
Design at the Internet Archive
image
eye 23
favorite 0
comment 0
This is a mock
Topics: Mock, website
Design at the Internet Archive
by Carolyn Li-Madeo
image
eye 21
favorite 0
comment 0
User requested feature. Previously users were allowed to make small annotations on their favorites, this was a design solution to revive this feature. Prototype: https://invis.io/YZ4INS3K8
Topics: Favorites, Notes on Favorites
Design at the Internet Archive
image
eye 17
favorite 0
comment 0
Test
Topic: Test
Internet Archive Internal Design Resources
by Evan Minto
movies
eye 5
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
texts
eye 3
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
movies
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 2
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 1
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 1
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 1
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 1
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing
Internet Archive Internal Design Resources
by Evan Minto
texts
eye 1
favorite 0
comment 0
See docs at: https://drive.google.com/drive/folders/1ymVgi6X7Wo3W0St4esQY_PO-TpEeDBz4
Topic: user testing